<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0">
	    <!-- 网站作者 -->
	    <meta name="author" content="作者名、昵称、代号等">
	    <!-- 网站描述 -->
	    <meta name="description" content="本网站为...类型网站，主要服务对象为...">
	    <!-- 网站关键词 -->
	    <meta name="keywords" content="关键词1，关键词2，...">
	    <!-- 禁止链接高亮 -->
	    <meta name="msapplication-tap-highlight" content="no">
	    <!-- format-detection为格式检测 -->
	    <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
	    <meta name="format-detection" content="telephone=no">
	    <!-- 告诉设备不识别邮箱，点击之后不自动发送 -->
	    <meta name="format-detection" content="email=no">
	    <!-- 禁止跳转至地图功能页面 -->
	    <meta name="format-detection" content="adress=no">
	    <!-- UC强制竖屏 -->
	    <meta name="screen-orientation" content="portrait"> 
	    <!-- QQ强制全屏 -->
	    <meta name="x5-fullscreen" content="true" />
	    <!-- 360-优先使用 IE 最新版本和 Chrome进行渲染 -->
	    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	    <!-- 网页标题 -->
	    <title>网页标6666题</title>
	    <!-- 移动端初始化样式表 -->
	    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
	    <!-- 自定义样式表 -->
	    <link rel="stylesheet" type="text/css" href="css/06.css">
	    <!-- 引入flexible.js或者flexible_simplify.js精简版，解决rem适配与机型计算问题 -->
	    <script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
	    <!-- 引入fastClick插件解决移动端点击300ms延迟问题 -->
	    <script src="js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	    <!-- 实例化fastclick -->
	    <script type="text/javascript">
	        if ('addEventListener' in document) {
	            document.addEventListener('DOMContentLoaded', function() {
	                FastClick.attach(document.body);
	            }, false);
	        }
	    </script>
	    <!-- 自定义脚本文件 -->
	    <script type="text/javascript" src=""></script>
	</head>
	<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<div class="nav">
			<div class="top">
				<a class="ag" href="javascript:history.go(-1)"></a>
				<p>服务承诺设置</p>
			</div>
			<div class="center">
				<input type="radio" />
				<span>免费搬楼</span>
				<span>(超出每层收费10元/件(单价二十五公斤以上))</span>
				<p id="p">三楼及三楼以下免费</p>
				<span id="span">七楼及七楼一下免费</span>
			</div>
			<div class="center_bottom">
				<input type="radio" />
				<span>无物流地址，超出30公里部分收费</span>
				<p id="p1">三元/公里</p>
				<span id="span1">四元/公里</span>
				<span id="span2">五元/公里</span>
			</div>
			<div class="bottom_bottom">
				<input type="radio" />
				<span>可提供免费仓储</span>
				<p>基本服务承诺（表示师傅默认支持，不可更改）</p>
				<p>支持喵/汪师傅核销</p>
				<p>空跑费 （配送类50元/次，安装、维修30/次）</p>
				<p>安装、维修一个月内免费检修</p>
				<p>到货通知后2小时内完成预约</p>
				<p>2次上门费用（提货安装80元/次，安装、维修40/次)）</p>
			</div>
			<button><a href="07.html">师傅违规处罚规则</a></button>
		</div>
	</body>
	<script type="text/javascript">
		$(function(){
			$("#p").click(function(){
				$("#p").css("background","red").css("color","white").siblings().css("background","white").css("color","black");
			})
			$("#span").click(function(){
				$("#span").css("background","red").css("color","white").siblings().css("background","white").css("color","black");
			})
			$("#p1").click(function(){
				$("#p1").css("background","red").css("color","white").siblings().css("background","white").css("color","black");
			})
			$("#span1").click(function(){
				$("#span1").css("background","red").css("color","white").siblings().css("background","white").css("color","black");
			})
			$("#span2").click(function(){
				$("#span2").css("background","red").css("color","white").siblings().css("background","white").css("color","black");
			})
		})
	</script>
</html>
